ons-tabbar.bottom-tabbar ons-tab.tabbar__item.active button {
    color: #E43A45;
}

ons-fab.to-top-btn{
    width: 3.3rem;
    height: 3.3rem;
    background: #fafafa;
    cursor: pointer;
}

ons-fab.to-top-btn span {
    line-height: 3.3rem;
    color: #E43A45;
}

.tabbar__label:first-child {
    font-size: 0.83rem;
}

.tabbar__border {
    height: .2rem;
    background-color: #E43A45;
}

ons-card div.logo {
    display: inline-block;
    width: 2.2rem;
}
ons-card div.logo img {
    width: 100%;
}

ons-card div.card-title {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    position: relative;
    bottom: 0.51rem;
    margin-left: 1rem;
}

ons-card#me {
    padding: 10px;
    margin: 0;
    border-radius: 0;
}

div.info-left {
    display: inline-block;
    width: 48%;
    text-align: center;
    font-weight: bold;
}

div.info-left p {
    height: 1.3rem;
    font-size: 1.2rem;
    margin: .8rem ;
}

div.info-right {
    text-align: center;
    display: inline-block;
    width: 41%;
    padding-left: 7%;
    border-left: 3px solid #E43A45;
}

div.info-right p {
    height: 1.3rem;
    margin: .14rem 0;
    font-size: .89rem;
}

div#btn-cnt {
    width: 100%;
}

ons-button#logout-btn {
    background: #E43A45;
    color: #FAFAFA;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

#list-1 {
    margin-top: .5rem;
}

#list-2, #list-3, #list-4 {
    margin-top: 1.1rem;
}

#list-4 {
    margin-bottom: 1.1rem;
}

div#btn-cnt {
    margin: 1.8rem 0;
}

#qr-cnt {
    margin: 1rem 8px;
}

div#qrcode, div.qr-tit {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

div#qrcode canvas {
    width: 10rem;
    height: 10rem;
    margin: .5rem;
}

div.qr-tit {
    font-weight: bold;
    color: #E43A45;
    font-size: .86rem;
    margin-top: .7rem;
    margin-bottom: .1rem;
}

div.qr-tit:first-child {
    margin-top: 0;
}

div#invite {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #212121;
}

div.qq-cnt {
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    justify-content: space-between;
}

ons-button.copyQQ {
    background: #716aca;
    color: #fff;
    width: 48%;
    padding: 1px .3rem;
    font-size: .7rem;
    border-radius: .1rem;
}

ons-button.copyQQ img {
    height: 1.2rem;
    width: 1.2rem;
    vertical-align: middle;
    line-height: 100%;
    margin-right: .2rem;
}

div.qq-expand {
    padding: 10px 10px 10px 0;
}

ons-input.dis-input  {
    opacity: 1!important;
}

ons-input.dis-input input[disabled], textarea:disabled{
    opacity: 1!important;
    color: #212121;
}

ons-button.list-btn {
    width: 100%;
    border-radius: 0;
    background: #E43A45;
    text-align: center;
}

/* img.list-img {
    display: block;
    margin: 0 auto;
} */

ons-button.img-btn {
    width: 100%;
    padding-left: 0;
    background: transparent;
    color: #212121;
}

a.fancy-a{
    display: block;
    margin: 0 auto;
}

ons-card#notes-card {
    border-radius: 0;
    margin: 0;
    margin-bottom: 8px;
}

div#notes {
    font-size: .77rem;
}

ons-tabbar.top-tabbar div.tabbar__label{
    color: #212121;
}

ons-card.fee-record {
    font-size: .8rem;
    border-radius: .52rem;
    margin-left: .42rem;
    margin-right: .42rem;
    padding: 10px 10px;
}

div.fee-index {
    font-size: .75rem;
    display: flex;
}

div.fee-index div.left {
    width: 20%;
}

div.fee-index div.right {
    width: 80%;
    text-align: right
}

div.fee-cnt{
    display: flex;
}

div.fee-cnt, div.fee-des {
    margin: .62rem 0 0;
    font-size: .75rem;
}



div.fee-cnt div.left, div.fee-cnt div.right {
    width: 50%;
}

div.fee-cnt div.right {
    text-align: right;
}

span.fee-tit {
    font-weight: bold;
    color: #E43A45;
}

/* NOTICE STYLE */

ons-card.notice-card {
    /* border-radius: 0; */
    /* margin: 8px 0; */
}

div.notice-top {
    display: flex;
    margin-bottom: .2rem;
}

div.notice-top .title {
    width: 50%;
}

div.notice-top .time {
    width: 50%;
    text-align: right;
}

div.order-top, div.order-cnt, div.order-btm {
    display: flex;
    font-size: .8rem;
    margin: .3rem 0 .2rem;

}

div.order-top div.order-index {
    width: 25%;
}

div.order-top div.order-keyid {
    width: 75%;
    text-align: right;
}

div.order-cnt div.order-reward {
    width: 30%;
}

div.order-cnt div.order-time {
    width: 70%;
    text-align: right
}

span.order-tit {
    color: #E43A45;
    font-weight: bold;
}

.order-tit .radius-tit {
    display: inline-block;
    text-align: center;
    width: 53%;
}

ons-card.each-detail-card {
    /* border-radius: 0;
    margin: 8px 0; */
    font-size: .8rem;
}

div.each-detail-top {
    display: flex;
    margin: .44rem 0;
}

div.each-detail-top .each-detail-tit {
    width: 50%;
}

div.each-detail-top .each-detail-cnt {
    width: 50%;
    text-align: right;
}

span.each-detail-color {
    font-weight: bold;
    color: #E43A45;
}

ons-button.take-order-btn {
    background: #E43A45;
    text-align: center;
    display: block;
    margin:  1.2rem 8px ;
}

span.money-color {
    color: #ff5252;
    font-weight: bold;
}

ons-card.ac-card {
    font-size: .77rem;
}

div.ac-card-top {
    display: flex;
}

div.ac-card-idx {
    width: 10%;
}

div.ac-card-type {
    width: 10%;
    font-size: .7rem;
    padding: .2rem 0;
    text-align: center;
    background: #716aca;
    color: #fff;
    font-weight: bold;
    border-radius: .1rem;
}

div.ac-card-time {
    width: 90%;
    text-align: right;
}

div.ac-card-cnt {
    display: flex;
    margin-top: .45rem;
}

div.ac-card-img {
    width: 34%;
}

div.ac-card-money {
    width: 66%;
}

div.ac-card-money div {
    margin-bottom: .2rem;
}

div.ac-card-name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.ons-card-status {
    border-top: #716aca solid 1.3px;
    padding-top: .2rem;
}

span.card-tit {
    font-weight: bold;
    color: #E43A45;
}

span.radius-tit {
    background: #716aca;
    font-weight: bold;
    color: #fff;
    border-radius: 1rem;
}

ons-card.card-detail {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: .82rem;
}

div.card-detail-tit {
    background: #716aca;
    color: #fff;
    height: 1.3rem;
    vertical-align: middle;
    line-height: 1.3rem;
    padding-left: .5rem;
    padding-top: .2rem;
    border-radius: .3rem;
    margin: .4rem 0;
}

div.card-flex {
    display: flex;
    margin: .4rem 0;
}

img.card-img {
    width: 2rem;
    height: 2rem;
}

div.card-flex .left {
    width: 30%;
    padding-left: .5rem;
}

div.card-flex .right {
    width: 70%;
    text-align: right;
}

div.card-flex-special .left {
    width: 0;

}

div.card-flex-special .right {
    width: 100%;
}

div.img-div {
    vertical-align: middle;
    height: 2rem;
    line-height: 2rem;
}

div.top-card-flex {
    display: flex;
    margin: .4rem 0;
}

div.top-card-flex .left {
    width: 40%;
}

div.top-card-flex .right {
    width: 60%;
    text-align: left;
    height: 6rem;
    line-height: 1.3rem;
}

img.top-card-img {
    height: 6rem;
    width: 6rem;
}

div.ac-card-btm {
    width: 100%;
    margin-top: .45rem;
}

div.ac-card-btm button {
    background: #716aca;
    color: #fff;
    border: none;
    border-radius: .1rem;
    height: 1.25rem;
    width: 60px;
    font-weight: bold;
    margin-right: 1rem;
}

button.op-btn {
    background: #716aca;
    color: #fff;
}

ons-list-item.no-padding-it {
    padding-left: 6px;
}

textarea.appeal-textarea, .operate-textarea {
    width: 100%;
    border: none;
    border-radius: .4rem;
    background: #fcfcfc;
    border: 1px #eee solid;
    padding: .5rem;
    font-size: .82rem;
    outline: none;
    resize: none;
}

div.appeal-imgs, div.operate-s2-imgs, div.operate-s3-imgs, div.operate-s4-imgs, div.comment-imgs{
    display: flex;
    justify-content: space-evenly;
    height: 65px;
    width: 100%;
}

div.appeal-imgs img, div.operate-s2-imgs img, div.operate-s3-imgs img, div.operate-s4-imgs img, div.comment-imgs img{
    width: 52px;
    height: 100%;
}

div.operate-s2-texts {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

div.operate-s2-texts .operate-s2-text{
    width: 72px;
    font-size: .6rem;
    text-align: center;
    background: #716aca;
    color: #fff;
    margin: .4rem 0;
    border-radius: .5rem;
}

div.appeal-imgs input, div.operate-s2-imgs input, div.operate-s3-imgs input, div.operate-s4-imgs input, div.comment-imgs input{
    width: 52px;
    height: 45%;
}

div.operate-text {
    font-size: .7rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
}

button.operate-btn {
    background: #E43A45;
    border: none;
    border-radius: .2rem;
    width: 20%;
    color: #fff;
    height: 1.8rem;
    font-size: .77rem;
    margin-top: .55rem;
    margin-right: 1.4rem;
}

ons-button#operate-btn {
    display: none;
    margin-bottom: 1.5rem;
}


.list-render {
    width: 100%;
}

.list-render .list-obj {
    background: #fff;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.list-render .list-obj:last-child {
    border-bottom: none;
}

.list-render .list-row {
    display: flex;
    padding: 5px;
}

.list-render .list-row div {
    flex: 1;
}

.list-render .list-row div:nth-child(2) {
    text-align: right;
}

.u-time {
    font-size: 14px;
    color: #E43A45;
}

.u-status {
    color: #E43A45;
    font-size: 14px;
    font-weight: bold;
}


ons-card.card-status {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    text-align: center;
    font-size: .88rem;
    font-weight: bold;
}

ons-card.operate-top-card {
    margin-left: 0;
    margin-right: 0;
    font-size: .82rem;
    border-radius: 0;
}

ons-card.operate-top-card .left {
    width: 38%;
}

ons-card.operate-top-card .right {
    width: 62%;
}

div.special-right div {
    height: 1.5rem;
}

ons-card.operate-top-card .goods {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

ons-card.operate-detail {
    border-radius: 0;
    margin: 1rem 0;
}

div.task-info {
    font-size: .77rem;
    margin-bottom: .3rem;
}

div.task-info span {
    font-weight: bold;
    color: #E43A45;
}

#comment-btn {
    margin-top: 2rem;
}

#attention-card .at-tit {
    font-size: 1.1rem;
    font-weight: bold;
}

#attention-card, #attention-tit{
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

#attention-tit {
    text-align: center;
    font-weight: bold;
}

#attention-card .at-txt {
    font-size: .88rem;
    margin-top: .4rem;
}

ons-button#guide-share {
    border-radius: .22rem;
    margin: 12px 8px;
    font-size: .8rem;
    padding: 2px 10px;
    display: block;
    text-align: center;
    background: #E43A45;
}


div.new-guid-flex, div.new-guid-flex-share {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: .5rem;
}

ons-card#new-guide {
    padding: 4px;
    border-radius: .22rem;
}

ons-card#new-guide ons-button{
    display: block;
    width: 46%;
    background: #E43A45;
    color: #fff;
    font-size: .8rem;
    text-align: center;
    padding: 2px 2px;
    border-radius: .22rem;
}

ons-card#new-guide .title {
    font-size: .82rem;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

ons-card#approve-status, ons-card#approve-reason {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    text-align: center;
    font-size: .88rem;
    font-weight: bold;
}

ons-card#approve-reason {
    display: none;
}

ons-card#approve-status span.status, ons-card#approve-reason span.reason {
    margin-left: 1rem;
    color: #E43A45;
}

ons-page#bind-tb-example ons-card, ons-page#df-example ons-card{
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

ons-page#bind-tb-example .example-tit, ons-page#df-example .example-tit  {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.3rem;
    color: #E43A45;
}

ons-page#bind-tb-example .example-img, ons-page#df-example .example-img {
    width: 72%;
    margin: 0 auto;
    display: block;
}

ons-card .qr-title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
}

ons-card .qr-text  {
    margin-top: .6rem;
    font-size: .88rem;
}

div.qr-img img{
    width: 96%;
    margin: 0 auto;
    display: block;
}




.font-red {
    color: #ff5252;
    font-weight: bold;
}

.m-list-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.m-list-info span {
    margin: 0 0 3px 0;
    font-size: 12px;
}

.font-small {
    font-size: 14px;
}

ons-card.vip-right, ons-card.vip-status {
    font-size: .77rem;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

ons-card.vip-right {
    margin-top: 0;
    margin-bottom: 0;
}

ons-card.vip-status {
    font-weight: bold;
    text-align: center;
    font-size: .88rem;
}


ons-card.vip-right div.title {
    font-size: .85rem;
    font-weight: bold;
    color: #E43A45;
}

ons-card.vip-right table {
    width: 100%;
    text-align: center;
}

ons-card.vip-right td{
    width: 25%;
}

/* APPEAL-CARD STYLE */

ons-card.appeal-card {
    font-size: .77rem;
}

ons-card.appeal-card .appeal-flex {
    display: flex;
    align-items: center;
    margin-bottom: .14em;
}

ons-card.appeal-card .left {
    width: 20%;
    height: 17px;
    line-height: 17px;
}

ons-card.appeal-card .img-left {
    line-height: 35px;
    height: 35px;
}

ons-card.appeal-card img {
    border: 1px solid #eee;
    padding: .1rem;
}

/*  */

div#inviteLink {
    text-align: center;
    width: 100%;
    margin: .4rem auto 0;
    font-weight: bold;
    font-size: .73rem;
    background: #eee;
    border-radius: .4rem;
    padding: .6rem 0;
}

ons-page#new-guide ons-card{
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

ons-page#new-guide .example-tit  {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.3rem;
    color: #E43A45;
}

ons-page#new-guide .example-img {
    width: 72%;
    margin: 0 auto;
    display: block;
}

ons-card#sub-num {
    padding: .5rem .8rem;
    font-weight: bold;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
}

ons-card#sub-num span {
    color: #E43A45;
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
}

ons-card#sub-num ons-button {
    /* background: #E43A45; */
    /* color: #fff; */
    background: transparent;
    font-weight: bold;
    color: #E43A45;
    /* border-radius: 2rem; */
    font-size: .88rem;
}

div.qq-logo {
    width: 93px;
    height: 44px;
    margin: 2rem auto 0;
}